<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
     <link rel="stylesheet" type="text/css" href="css/colorbrewer.css"/>
    </head>
     <title>全国5A景区简介</title>
    
    <style type="text/css">
        .q0-9 { fill:rgb(247,251,255); }
        .q1-9 { fill:rgb(222,235,247); }
        .q2-9 { fill:rgb(198,219,239); }
        .q3-9 { fill:rgb(158,202,225); }
        .q4-9 { fill:rgb(107,174,214); }
        .q5-9 { fill:rgb(66,146,198); }
        .q6-9 { fill:rgb(33,113,181); }
        .q7-9 { fill:rgb(8,81,156); }
        .q8-9 { fill:rgb(8,48,107); }
        
        .highlight {
            fill:red;
        }
        #title{
            font-family: sans-serif;
            font-size: 30px;
            margin: 0 auto;
            position: absolute;
            padding-left: 590px;
            padding-top: 50px;
            color:  #FF0000 ;
        }
    </style>
    <body>
        <div id="title">全国5A级景区简介</div>     
    </body>
    <script src = "./js/d3.js" type="text/javascript"></script>
    <script src = "geo-sample.js" type="text/javascript"></script>
    <script src="topojson.js"></script>
</html>